<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>需求评论</title>
</head>
<body>

<!-- 评论区域片段 -->
<div th:fragment="commentSection" class="panel panel-default" id="commentSection">
    <div class="panel-heading">
        <h4 class="panel-title">
            <i class="fa fa-comments"></i> 讨论与反馈
            <span class="pull-right">
                <button class="btn btn-xs btn-primary" onclick="refreshComments()">
                    <i class="fa fa-refresh"></i> 刷新
                </button>
            </span>
        </h4>
    </div>
    <div class="panel-body">
        <!-- 评论输入区域 -->
        <div class="row" id="commentInputArea">
            <div class="col-md-12">
                <div class="form-group">
                    <textarea id="newCommentContent" class="form-control" rows="6" placeholder="添加评论..." style="resize: none;"></textarea>
                </div>
                <div class="form-group">
                    <div class="pull-right">
                        <button class="btn btn-primary" onclick="addComment()">
                            <i class="fa fa-paper-plane"></i> 发表评论
                        </button>
                        <button class="btn btn-default" onclick="clearComment()">
                            <i class="fa fa-eraser"></i> 清空
                        </button>
                    </div>
                </div>
            </div>
        </div>
        
        <hr>
        
        <!-- 评论列表区域 -->
        <div id="commentsList">
            <div class="text-center">
                <i class="fa fa-spinner fa-spin"></i> 正在加载评论...
            </div>
        </div>
    </div>
</div>

</body>
</html>